<template>
	<!-- 
	swiper中的transfrom会使fixed失效,此时用height="100%"固定高度; 
	swiper中无法触发mescroll-mixins.js的onPageScroll和onReachBottom方法,只能用mescroll-uni,不能用mescroll-body
	-->
	<!-- ref动态生成: 字节跳动小程序编辑器不支持一个页面存在相同的ref (如不考虑字节跳动小程序可固定值为 ref="mescrollRef") -->
	<mescroll-uni
		:ref="'mescrollRef' + i"
		@init="mescrollInit"
		height="100%"
		:top="listTop"
		:down="downOption"
		@down="downCallback"
		:up="upOption"
		@up="upCallback"
		@emptyclick="emptyClick"
	>
		<!-- 数据列表 -->
		<view class="goods-list single-column">
			<view class="goods-item margin-bottom" v-for="(item, index) in orderList" :key="index" >
				<view class="goods-item-list">
					<view class="goods-item-list-header" @click="toDetail(item)">
						<image class="image" :src="'/static/home/zswlx.png'"></image>
					</view>
					<view class="goods-item-list-body" @click="toDetail(item)">
						<view class="goods-item-list-body-item">
							
							<text class="text">{{ item.from_address }}</text>
						</view>
					</view>
					<view class="goods-item-footer">
						<view class="goods-item-list-footer-left">
							<text class="text">保费:￥{{ item.policy_fee }}</text>
						</view>
						 
					</view>
				</view>
				<view class="goods-item-bottom-line"></view>
			</view>
		</view>
		<view v-if="orderList.length == 0 && emptyShow"><ns-empty text="暂无订单" :isIndex="false" :emptyType="emptyType"></ns-empty></view>
		
		<view>
			<!-- 普通弹窗 -->
			<uni-popup ref="popup" background-color="#fff">
				<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
					<!-- <text class="text">popup 内容</text> -->
					<view class="ewm-image-view">
						<image class="ewm-image" :src="$util.img(ewmimage)">
							
						</image>
					</view>
				</view>
			</uni-popup>
		</view>
		<loading-cover ref="loadingCover"></loading-cover> 
	</mescroll-uni>
</template>

<script>
import listitem from '../public/js/video-item.js';
import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins.js';
import MescrollMoreItemMixin from '@/components/mescroll-uni/mixins/mescroll-more-item.js';

export default {
	mixins: [MescrollMixin, MescrollMoreItemMixin,listitem], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
	data() {
		return {
			
		};
	},
	methods: {
		 
	}
};
</script>

<style lang="scss">
@import '../public/css/video.scss';
</style>
